<!--
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
-->
<div style="overflow: hidden; width: 100%; height: 100%; display: flex; flex-flow: column">
	<div #viewsToolbar class="editor-toolbar actionbar-container" style="flex: 0 0 auto; display: flex; flex-flow: row; width: 100%; align-items: center;"></div>
	<div #container class="scrollable" style="flex: 1 1 auto; position: relative; outline: none" (click)="unselectActiveCell()" (scroll)="scrollHandler($event)">
		<notebook-views-grid-component #gridstack [views]="views" [activeView]="activeView" [cells]="cells" [model]="model"></notebook-views-grid-component>

		<ng-container *ngFor="let cell of cellsAwaitingInput">
			<notebook-views-modal-component class="modal" [title]="cellsAwaitingInputModalTitle">
				<views-code-cell-component *ngIf="cell.cellType === 'code'"  [cellModel]="cell" [model]="model" [activeCellId]="activeCellId"></views-code-cell-component>
			</notebook-views-modal-component>
		</ng-container>
	</div>
</div>
